<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="../cultuurschuur/master.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="title">
        Boeken
    </ui:define>
    
    <ui:define name="content">
        <h1>Boeken</h1>
        
        <h:form>
            
            <p>
                <h:outputLabel id="betaalwijzeLabel" for="selectBetaalwijze" value="Betaalwijze: " />
                <h:selectOneMenu id="selectBetaalwijze" value="#{boekingController.betaalwijze}">
                    <f:selectItems value="#{betaalwijzeController.betaalwijzen}" var="betaalwijze" itemLabel="#{betaalwijze}" itemValue="#{betaalwijze.id}"/>
                </h:selectOneMenu>
            </p>
            
            <p>
                <h:outputLabel id="deelnemerLabel" for="deelnemer" value="Aantal deelnemers: " />
                <h:inputText id="deelnemer" value="#{boekingController.aantalDeelnemers}" required="true"/>
            </p>
            
            <p>
                <h:commandButton value="Boek" action="#{boekingController.insertBoeking}"/>
            </p>
            
        </h:form>
        
    </ui:define>
    
</ui:composition>
